<template>
  <div>
    <el-dialog
      title="文档正文"
      width="80%"
      :visible.sync="dialogVisible"
      top="15vh"
      class="showDialogClass"
      :before-close="handleClose"
    >
      <h1 style="font-size:30px">
        {{ textTitle }}
      </h1>
      <dl style="float: left;">
        <dt>
          <img
            style="width: 150px; height: 150px"
            :src="textImage"
            alt=""
          >
        </dt>
        <dd>文字</dd>
      </dl>
      <div style="width:100%;height:auto;overflow-y:scroll">
        <p v-html="textContent" />
      </div>
    </el-dialog>
  </div>
</template>

    <script>
  export default {
    name: `lookEditorText`,
    data () {
      return {
        dialogVisible: false,
        loading: false,
        textContent: ``,
        textTitle: ``,
        textImage: ``,
      }
    },
    methods: {
      init (row) {
        this.dialogVisible = true;
        this.getDocByid(row)
      },
      getDocByid (row) {
        this.textTitle = row.textTitle
        this.textContent = row.textContent
        this.textImage = row.textImage
      },
      handleClose () {
        this.cancel()
      },
      cancel () {
        this.dialogVisible = false
      },
    },
  }
    </script>

    <style lang="scss">

    </style>
